@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

  overflow-y: auto;

	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;

  // Fancy scroll
	&::-webkit-scrollbar{width:6px;height:6px}
  &::-webkit-scrollbar-button{width:0;height:0}
  &::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border:none;border-radius:50px}
  &::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}
  &::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.25)}
  &::-webkit-scrollbar-track{background:rgba(0,0,0,.25);border:none;border-radius:50px}
  &::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.25)}
  &::-webkit-scrollbar-track:active{background:rgba(0,0,0,.25)}
  &::-webkit-scrollbar-corner{background:0 0}
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}
